<div class="hd-banner-bg">
</div>
<div class="hd-main-content">
    <div class="w1100">
        <ul class="lis1 lists-24 clearfloat">
        </ul>
    </div>
</div>
<style>
    .hd-banner-bg{background: url(./images/201610271.jpg)no-repeat center top;height: 600px;}
    .review-wrapper{display: block;font-size: 15px;text-align: center;line-height: 15px;height: 30px;overflow: hidden;color: #000;}
    .review-wrapper:hover{color: #000;}
    .hd-main-content{background: url(./images/201610272.jpg) repeat-y center top;}
    .hd-main-content .lis1{margin: 0px;padding: 25px 0px;}
    .hd-main-content ul li{width: 262px;margin: 5px;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;background: #fff;display: inline-block;padding:10px;box-sizing: border-box;}
    .hd-main-content ul li:hover{-webkit-transform: translateY(-6px);-o-transform: translateY(-6px);-ms-transform: translateY(-6px);-moz-transform: translateY(-6px);transform: translateY(-6px);}
    .discount-number2{position: absolute;height: 75px;width: 75px;font-size: 25px;color: #fff;font-weight: bold;top: 0px;right: 0px;line-height: 80px;background: url(./images/201610271.png)no-repeat;background-size: cover;-webkit-background-size: cover;-ms-background-size: cover;text-align: center;}
    .hd-main-content ul li img{width: 90%;padding: 10px;}
    .hd-main-content .price-area{padding-top: 5px;display: block;text-align: center;}
    .hd-main-content .old-price{font-size: 14px;text-decoration: line-through;line-height: 15px;color: #333;margin-right: 5px;}
    .hd-main-content .current-price{font-size: 35px;font-weight: bold;color: #db2100;line-height: 35px;}
    .hd-btn-buy{background: #f10d1c;display: block;font-size: 16px;color: #fff;line-height: 30px;height: 30px;text-align: center;width: 100%;margin-top: 10px;}
</style>

<script type="text/javascript">
    (function ($) {
        var str2 = `<li>
                    <a href="#">
                        <img src="./images/2016040616.jpg" alt="Blackview Ultra A6 Plus 2GB 16GB Dorado">
                    </a>
                    <a class="review-wrapper" href="#">Blackview Ultra A6 Plus 2GB 16GB Dorado</a>
                    <a class="price-area" href="#">
                        <span class="old-price">$129.95</span>
                        <span class="current-price">$99.95</span>
                    </a>
                    <span class="discount-number2">-$30</span>
                    <a class="hd-btn-buy" href="#">Buy now &gt;&gt;</a>
                </li>`;


        var str2_24 = '';
        for (var i = 0; i < 24; i++) {
            str2_24 += str2;
        }
        $(".lists-24").append(str2_24);
    })(jQuery);
</script>